<template>
  <div :style="{ borderColor: color, color: color, height: size, width: size, lineHeight: size, fontSize: '12px' }" class="rounded-full border text-center inline-block">
    <span>{{ num }}</span>
  </div>
</template>

<script>
export default {
    props: {
        color: String,
        num: [Number, String],
        size: {
            type: String,
            default: '18px'
        }
    }
}
</script>

<style>

</style>